home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / error.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  4.1 KB  |  197 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera error documents */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,93%);
  10.     margin: 0 auto 10px;
  11.     border-width: 0 1px;
  12.     border-color: hsl(0,0%,57%);
  13.     border-style: solid;
  14.     voice-family: female;
  15. }
  16. html, head {max-width: 660px;}
  17. head {
  18.     margin: auto;
  19.     position: relative;
  20.     display: block;
  21.     speak: normal;
  22. }
  23. title {
  24.     font-size: 130%;
  25.     font-weight: bold;
  26.     text-transform: uppercase;
  27.     color: hsl(0,100%,40%);
  28.     position: absolute;
  29.     top: 20px;
  30.     left: 10px;
  31.     display: block;
  32.     speak: normal;
  33. }
  34. html[dir="rtl"] title {
  35.     left: auto;
  36.     right: 10px;
  37. }
  38. html[lang^="el"] title {text-transform: none;}
  39. title::after {
  40.     content: "!";
  41.     speak: none;
  42. }
  43. body {
  44.     color: inherit;
  45.     background-color: hsl(0,0%,96%);
  46.     margin: 0;
  47. }
  48. h1 {
  49.     font-family: sans-serif;    
  50.     font-size: 130%;
  51.     text-align: right;
  52.     letter-spacing: -1px;
  53.     color: hsl(0,0%,29%);
  54.     background-image: url(images/top.png);
  55.     background-repeat: repeat-x;
  56.     padding: 20px 10px 15px 5em;
  57.     margin: 0;
  58.     border-bottom: 1px solid hsl(0,0%,57%);
  59. }
  60. html[dir="rtl"] h1 {
  61.     text-align: left;
  62.     letter-spacing: normal;
  63.     padding: 20px 5em 15px 10px;
  64. }
  65. h2 {
  66.     font-family: sans-serif;
  67.     font-size: 75%;
  68.     font-weight: normal;
  69.     letter-spacing: -1px;
  70.     color: hsl(0,0%,29%);
  71.     background-color: hsl(0,0%,89%);
  72.     background-image: url(images/bar.png);
  73.     background-repeat: repeat-x;
  74.     background-position: 0px -5px;
  75.     padding: 5px 7px;
  76.     margin: 0;
  77.     border-top: 1px solid hsl(0,0%,57%);
  78.     border-bottom: 1px solid hsl(0,0%,57%);
  79. }
  80. html[dir="rtl"] h2 {letter-spacing: normal;}
  81. a {
  82.     color: hsl(0,0%,29%);
  83.     background-color: transparent;
  84. }
  85. p {
  86.     font-size: 83%;
  87.     -o-text-overflow: ellipsis;
  88.     margin: 20px 10px;
  89.     overflow: hidden;
  90. }
  91. li {
  92.     font-size: 83%;
  93.     margin: 10px 10px 0 0;
  94. }
  95. body::after {
  96.     content: "";
  97.     background-color: hsl(0,0%,98%);
  98.     background-image: url(images/center.png);
  99.     background-repeat: repeat-x;
  100.     background-position: left bottom;
  101.     border-top: 1px solid hsl(0,0%,57%);
  102.     height: 20px;
  103.     width: 100%;
  104.     display: block;
  105.     speak: none;
  106. }
  107. dl {
  108.     font-size: 83%;
  109.     margin: 10px;
  110. }
  111. dt {
  112.     font-weight: bold;
  113.     margin: 0 5px 0 0;
  114.     display: run-in;
  115. }
  116. dd {margin: 0;}
  117. cite {
  118.     font-weight: bold;
  119.     white-space: pre;
  120. }
  121. pre {
  122.     font-size: 75%;
  123.     white-space: pre-wrap;
  124.     line-height: 160%;
  125.     background-color: hsl(0,0%,98%);
  126.     padding: 5px;
  127.     margin: 20px;
  128.     border: 1px solid hsl(0,0%,27%);
  129.     overflow: auto;
  130. }
  131. pre em {
  132.     font-weight: bold;
  133.     font-style: normal;
  134.     color: white;
  135.     background-color: black;
  136.     padding: 2px;
  137.     speak: spell-out;
  138. }
  139. pre em.error {
  140.     color: white;
  141.     background-color: hsl(0,100%,40%);
  142. }
  143. }
  144. @media screen and (max-width: 800px), projection and (max-width: 800px), tv {
  145.     title, h1 {font-size: 110%;}
  146.     h1 {padding: 20px 10px 7px 6em;}
  147. }
  148. @media screen and (max-width: 350px), projection and (max-width: 350px), tv and (max-width: 350px) {
  149.     h1 {
  150.         text-align: center;
  151.         background-position: 0 -2px;
  152.     }
  153.     head {
  154.         font-weight: bold;
  155.         text-align: center;
  156.         background-color: hsl(0,100%,33%);
  157.         padding-top: 0.1em;
  158.         width: 100%;
  159.         height: 1.2em;
  160.         display: block;
  161.     }
  162.     title {
  163.         color: hsl(0,0%,96%);
  164.         position: static;
  165.     }
  166.     ul {
  167.         padding-left: 30px;
  168.     }
  169.     pre {
  170.         margin: 10px 5px;
  171.     }
  172. }
  173. @media screen and (max-width: 300px), projection and (max-width: 300px), tv and (max-width: 300px) {
  174.     h1 {
  175.         font-size: 100%;
  176.         padding: 15px 5px 7px;
  177.     }
  178. }
  179. @media screen and (max-width: 250px), projection and (max-width: 250px), tv and (max-width: 250px) {
  180.     h1 {font-size: 83%;}
  181. }
  182. @media all and (min-width: 1025px) {html, head {max-width: 700px;}}
  183. @media all and (min-width: 1281px) {html, head {max-width: 800px;}}
  184. @media all and (min-width: 1601px) {html, head {max-width: 900px;}}
  185. @media tv {title, h1 {font-size: 90%;}}
  186. @media print {
  187.     * {border: none;}
  188.     h2, h2+ul, head {display: none;}
  189.     h1 {
  190.         font-size: 13pt;
  191.         font-weight: bold;
  192.         page-break-before: avoid;
  193.         page-break-after: avoid;
  194.     }
  195. }
  196.  
  197.